<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<title>信息发布平台</title>
	<link rel="stylesheet" type="text/css" href="css/public.css" />
	<link rel="stylesheet" type="text/css" href="css/release_baby.css" />
	<link rel="stylesheet" type="text/css" href="css/layui.css" />
	<script type="text/javascript" src="./js/fontSize.js"></script>
	<script type="text/javascript" src="./js/public.js"></script>
	<script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="./js/vue.min.js"></script>
	<script type="text/javascript" src="./js/base.js"></script>
</head>

<body class="body-bg-color">
	<div class="whole" id="ppage">
		<div class="common-animate animated flipInX">
			<!--header-->
			<div class="common-header">
				<a class="back-btn" href="javascript:history.back(-1)">
					<img src="image/svg/icon_back.svg" />
				</a>
				<div class="header-text">发布信息</div>
			</div>
			<!--内容-->
			<div class="release-container">
				<div class="release-camera">
					<div class="camera-btn">
						<span><img src="image/svg/icon_camera.svg" @click="goupload()"></span>
						<small>添加照片</small>
					</div>
				</div>
				<div class="release-imgs">
					<div class="camera-imgs" v-for="item in imgs">
						<div><img :src="BASE_PATH+item"></div>
						<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" @click="deleteImg(item)"><i
								class="layui-icon">&#xe640;</i>删除</a>
					</div>
				</div>
				<div class="release-input">
					<input type="hidden" id="itemId" name="id">
					<div class="tel-number">
						<span><img src="image/svg/icon_edit.svg"></span>
						<input type="text" name="title" id="title" placeholder="请输入信息标题" />
					</div>
					<textarea name="content" id="content" placeholder="在这里描述一下您要发布的内容的详情"></textarea>
					<div class="coordinate index-coor">
						<span><img src="image/svg/icon_coordinates.svg"></span>
						<a href="javascript:void(0)">泉州市丰泽区科技路</a>
					</div>
					<div class="tel-number">
						<span><img src="image/svg/icon_telphone.svg"></span>
						<input type="text" name="cPhone" id="cPhone" placeholder="请输入您的电话号码" />
					</div>
				</div>
				<div class="common-list state-open">
					<div class="to-top">
						<div class="top-title">我要置顶</div>
						<div class="top-button">
							<span></span>
						</div>
					</div>
					<div class="to-top-list">
						<div class="to-top">
							<div class="top-title">置顶到期时间</div>
							<div class="top-time" style="align-items: center;">
								<div>
									<input type="text" name="zdTime" id="zdTime" placeholder="YYYY-MM-DD" />
								</div>
								<div><img src="image/svg/icon_enter_arrow.svg" style="width: 10px;" /></div>
							</div>
						</div>
						<div class="to-top">
							<div class="top-title">选择发布分类</div>
							<div class="top-time" style="align-items: center;">
								<div @click="selectfl()">
									<input type="hidden" name="flids" id="flids" />
									<input type="text" name="flnames" id="flnames" placeholder="选择您的分类" readonly/>
								</div>
								<div><img src="image/svg/icon_enter_arrow.svg" style="width: 10px;" /></div>
							</div>
						</div>
						<div class="to-top">
							<div class="top-title">对方支付价格</div>
							<div class="top-time">
								<input type="text" name="qwPrice" id="qwPrice" placeholder="看信息支付的价格(元)" />
							</div>
						</div>
					</div>
				</div>
				<div class="common-list state-open">
					<div class="to-top-list">
						<div class="to-top">
							<div class="top-title">信息关键词</div>
							<div class="top-time">
								<input type="text" name="keywords" id="keywords" placeholder="信息关键词推送用" />
							</div>
						</div>
						<div class="to-top">
							<div class="top-title">发布范围</div>
							<div class="top-time"><input type="text" name="fw" id="fw" :value="fw==0?'全国':'本市'" readonly @click="selectfw()"/></div>
						</div>
					</div>
				</div>
				<div class="check-container">
					<input type="checkbox" name="checkBoxs" id="checkBoxs" value="1" />
					<label for="checkBoxs">
						<span><img src="image/svg/icon_checkbox.svg" /></span>
						<small>发布信息前请先查看<a href="https://www.baidu.com">免费声明</a></small>
					</label>
				</div>
			</div>
		</div>
		<div class="money-relase money-state" id="fbBtn">立即发布</div>
			    <!--支付方式弹出层-->
				<div class="pay-list hidden-class" id="fwList">
					<div class="list-container">
						<div class="pay-title">选择范围</div>
						<div class="pay-container">
							<div :class="fw==0?'list-pay state-select':'list-pay'" id="fw0">
								<div class="list-left">
									<span>
										<img src="image/other/wechat_logo.svg" />
									</span>
									<small>全国</small>
								</div>
								<div class="list-right">
									<img src="image/svg/icon_blue_check.svg" />
								</div>
							</div>
							<div :class="fw==1?'list-pay state-select':'list-pay'"  id="fw1">
								<div class="list-left">
									<span>
										<img src="image/other/zfb_logo.svg" />
									</span>
									<small>本市</small>
								</div>
								<div class="list-right">
									<img src="image/svg/icon_blue_check.svg" />
								</div>
							</div>
						</div>
						<div class="pay-button">
							<div class="left-btn" id="cancels" @click="closeFw()">取消</div>
							<div class="right-btn" onclick="doFw()">确定</div>
						</div>
					</div>
				</div>
	</div>
	<script type="text/javascript" src="pagejs/release_baby.js"></script>
</body>

</html>